.el-tabs--top {
  height: getPx(50);
  .is-top {
    height: 100%;  
  }
  .el-tabs__nav-scroll {
    height: 100%;  
  }
}

.el-tabs__nav-wrap::after {
  background: transparent; 
}

.el-tabs__nav {
  .el-tabs__item {
    color: #C2C5CE;
    font-size: getPx(18);
    &:hover {
      color: #fff;
    }
    &.is-active {
      color: #fff;
      // font-size: $tab-active-font-size;
      font-size: getPx(24);
    }
  }
  .el-tabs__active-bar {
    background: #fff;  
    height: getPx(4);
    width: getPx(40) !important;
    border-radius: 0 0 getPx(4) getPx(4);
    margin-left: getPx(20);
    
  }
}

// .el-tabs__nav-wrap {
//   overflow-y: visible;
//   .el-tabs__nav-scroll {
//     overflow-y: visible;
//   }  
// }

.el-input__inner {
  background: transparent;
  border-radius: getPx(20);
  height: 32px !important;
  border-color: $border-color;
  color: #fff;
}

.el-input.is-disabled .el-input__inner {
  background-color: $opacity-bg; 
  opacity: .3; 
}

.el-table {
  &:before {
    background-color: transparent;  
  }
  .el-table__expanded-cell {
    background: transparent;
  }
  th {
    background: $striped;
    color: $secondary-color;
  }
  tr {
    background: $sec-bg;
    color: #fff;
    font-size: $sm-font-size;
  }
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background: $sec-bg;
  color: $secondary-color;
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: $striped;
  // color: #fff;
}

.el-table td, .el-table th.is-leaf {
  border-bottom: 1px solid transparent;
}

.el-table, .el-table__expanded-cell {
  background: transparent; 
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  background: transparent;
  color: $secondary-color;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  border-radius: 50%;
  background: #97919c; 
  color: #333;  
}

.el-pager li.active {
  border-radius: 50%;
  background: transparent; 
  color: #97919c; 
}

.el-popover {
  background: rgba(47,65,89,0.8);
  color: #fff;
  border-color: transparent;
  border-radius: 15px;
  padding 0;
  waith:auto;
  max-width: getPx(175);
  .popper__arrow::after {
    // background:$sec-bg !important;
    // border-top-color:$sec-bg !important;
    // border-bottom-color:$sec-bg !important;
    border-right-color:$sec-bg !important;
    border-left-color:$sec-bg !important;
    right:0 !important;
    // left:1 !important;
    // bottom: 0 !important;
    // top: -6 !important;
    // border: 
  }
}
// 提示框颜色 
.el-message-box {
  background: $sec-bg !important;
  border: 1px solid $sec-bg !important;
  .el-message-box__title {
    color: #c0c5cb !important;
  }
  .el-message-box__message {
    color: #c0c5cb !important;
  }
}
.airpopover {
  color: #fff;
  padding 0;
  border-color: transparent;
  background: #192b41;
  min-width:getPx(100)
  border-radius: 5px;
  .popper__arrow {
    border-bottom-color:#192b41 !important;
  }
  .popper__arrow::after {
    border-width:0px !important;
  }
}

.el-tooltip__popper[x-placement^=top] {
  margin-bottom: getPx(5)
}
// 设备外层
.deviceOuter {
    background:$sec-bg;
    color: #fff;
    border-color: transparent;
    overflow: hidden;
    border-radius: 15px !important;
    .popper__arrow::after {
    // background:$sec-bg !important;
    border-right-color:$sec-bg !important;
    left:0 !important;
    // border: 
  }
}



.el-popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: $sec-bg;
  &:after {
    border-bottom-color: $sec-bg;
  }
}

.el-select-dropdown {
  background: $sec-bg;
  color: #fff;
  border-color: transparent;
  .el-select-dropdown__item {
    color: #fff;
    background: transparent;
    &.selected, &.hover, &:hover {
      background: transparent;
    }
    &.selected {
      color: $primary
    }
  }
}
// el-scrollb  滚动条
.el-scrollbar__wrap{
  overflow-x: hidden;
}